<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>睿迅电商管理平台</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../style/bootstrap.css" />
		<link rel="stylesheet" href="style/index.css" />
	</head>

	<body>
		<div id="wrapper" class="wrapper">
			<!--导航-->
			<nav class="navbar navbar-default top-navbar" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">功能导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                	</button>
					<a class="navbar-brand" href="index.html"><span class="glyphicon glyphicon-piggy-bank" style="font-size: 1.2em; color: yellow; margin-right: 12px;"></span>睿迅电商管理平台</a>
				</div>
				<!--列表-->
				<ul class="nav navbar-top-links navbar-right">
					<!--消息列表-->
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
							<!--图标与向下箭头-->
							<i class="glyphicon glyphicon-envelope"></i> <i class="glyphicon glyphicon-triangle-bottom"></i>
						</a>
						<ul class="dropdown-menu dropdown-messages">
							<li>
								<a href="#">
									<div>
										<strong>金梦龙</strong>
										<span class="pull-right text-muted">
                                        <em>今天</em>
                                    </span>
									</div>
									<div>前端开发，开始...</div>
								</a>
							</li>

						</ul>
						<!-- /.dropdown-messages -->
					</li>
					<!--任务列表 -->
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
							<i class="glyphicon glyphicon-tasks"></i> <i class="glyphicon glyphicon-triangle-bottom"></i>
						</a>
						<ul class="dropdown-menu dropdown-tasks">
							<li>
								<a href="#">
									<div>
										<p>
											<strong>任务 1</strong>
											<span class="pull-right text-muted">60% 完成</span>
										</p>
										<div class="progress progress-striped active">
											<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
												<span class="sr-only">60% 完成 (成功)</span>
											</div>
										</div>
									</div>
								</a>
							</li>
							<li class="divider"></li>

						</ul>
						<!-- /.dropdown-tasks -->
					</li>
					<!-- 通知 -->
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
							<i class="glyphicon glyphicon-bell"></i> <i class="glyphicon glyphicon-triangle-bottom"></i>
						</a>
						<ul class="dropdown-menu dropdown-alerts">
							<li>
								<a href="#">
									<div>
										<i class="fa fa-comment fa-fw"></i>最新消息
										<span class="pull-right text-muted small">4 分钟前</span>
									</div>
								</a>
							</li>
							<li class="divider"></li>
						</ul>
						<!-- /.dropdown-alerts -->
					</li>
					<!-- 个人信息 -->
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
							<i class="glyphicon glyphicon-user"></i> <i class="glyphicon glyphicon-triangle-bottom"></i>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="#"><i class="glyphicon glyphicon-user"></i>个人信息</a>
							</li>
							<li>
								<a href="#"><i class="glyphicon glyphicon-cog"></i>设置</a>
							</li>
							<li class="divider"></li>
							<li>
								<a href="login.html"><i class="glyphicon glyphicon-log-out"></i>注销</a>
							</li>
						</ul>
						<!-- /.dropdown-user -->
					</li>
					<!-- /.dropdown -->
				</ul>
			</nav>
			<!--侧边栏-->
			<nav class="navbar-default navbar-side" role="navigation">
				<div class="sidebar-collapse">
					<ul class="nav" id="main-menu">
						<li>
							<a class="active-menu" href="index.html"><i class="glyphicon glyphicon-th"></i>工作台</a>
						</li>
						<li>
							<a href="statistics.html" target="main"><i class="glyphicon glyphicon-stats"></i>统计报表</a>
						</li>
						<li>
							<a href="#"><i class="glyphicon glyphicon-lamp"></i>商品管理</a>
							<ul class="nav nav-second-level">
								<li>
									<a href="catalog.html" target="main">分类管理</a>
								</li>
								<li>
									<a href="#">规格管理</a>
								</li>
								<li>
									<a href="brand.html" target="main">品牌管理</a>
								</li>
								<li>
									<a href="goods.html" target="main">商品管理</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="#"><i class="glyphicon glyphicon-shopping-cart"></i>订单管理<span class="glyphicon glyphicon-chevron-left"></span></a>
							<ul class="nav nav-second-level">
								<li>
									<a href="#">订单处理</a>
								</li>
								<li>
									<a href="#">发货订单</a>
								</li>
								<li>
									<a href="#">退货订单</a>
								</li>
								<li>
									<a href="#">完成订单</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" target="main"><i class="glyphicon glyphicon-user"></i>用户管理</a>
							<ul class="nav nav-second-level">
								<li>
									<a href="#">角色管理</a>
								</li>
								<li>
									<a href="#">部门管理</a>
								</li>
								<li>
									<a href="user.html" target="main">用户管理</a>
								</li>
								<li>
									<a href="#">会员管理</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="finance.html" target="main"><i class="glyphicon glyphicon-yen"></i>财务管理</a>
						</li>
						<li>
							<a href="#"><i class="glyphicon glyphicon-cog"></i>系统管理 </a>
							<ul class="nav nav-second-level">
								<li>
									<a href="#">系统日志</a>
								</li>
								<li>
									<a href="#">系统设置</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="login.html"><i class="glyphicon glyphicon-log-out"></i>退出系统</a>
						</li>
					</ul>
				</div>
			</nav>

			<div id="page-wrapper">
				<div id="page-inner">
					<iframe id="external-frame" scrolling="no" onload="setIframeHeight(this)" name="main" width="100%" scrolling="auto" height="100%" src="statistics.html" frameborder="0"></iframe>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			function setIframeHeight(iframe) {
				if(iframe) {
					var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
					if(iframeWin.document.body) {
						iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
					}
				}
			};

			window.onload = function() {
				setIframeHeight(document.getElementById('external-frame'));
			};
		</script>
		<!--引入js-->
		<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
		<script type="text/javascript" src="../js/bootstrap.js"></script>
		<!--菜单折叠-->
		<script type="text/javascript" src="../js/jquery.metisMenu.js"></script>
		<script type="text/javascript" src="../js/custom-scripts.js"></script>

	</body>

</html>